<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<header th:replace="manage/head :: html"></header>

<body class="cbp-spmenu-push">
	<div class="main-content" id="pageId" pageId="mycontact">

        <div th:replace="manage/menu :: html"></div>

        <!-- main content start-->
		<div id="page-wrapper">
			<div class="main-page">
				<h2 class="title1">我的联系人</h2>
				<!--好友列表-->
				<div class="col-md-12 widget-shadow">
					<div class="panel-default">
						<div class="inbox-page">
							<div class="form-body">

								<div class="form-group">
									<form class="form-inline">
										<label>联系人：</label><input type="email" class="form-control" id="exampleInputEmail3" placeholder="联系人" />
										<button type="submit" class="btn btn-default">查询</button>
									</form>
								</div>
							</div>
							<div class="inbox-row widget-shadow" id="accordion1" role="tablist" aria-multiselectable="true">
								<div class="mail"><img src="images/i2.png" alt="" /></div>
								<div class="mail mail-name"><h6>秦超</h6></div>
								<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="false" aria-controls="collapseTwo" class="collapsed">
									<div class="mail"><p>A公司 15021708753 </p></div>
								</a>
								<div class="mail-right dots_drop">
									<div class="dropdown">
										<a href="#" data-toggle="dropdown" aria-expanded="false">
											<p><i class="fa fa-ellipsis-v mail-icon"></i></p>
										</a>
										<ul class="dropdown-menu float-right">
											<li>
												<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" class="collapsed">
													<i class="fa fa-reply mail-icon"></i>
													Reply
												</a>
											</li>
											<li>
												<a href="#" title="">
													<i class="fa fa-download mail-icon"></i>
													Archive
												</a>
											</li>
											<li>
												<a href="#" class="font-red" title="">
													<i class="fa fa-trash-o mail-icon"></i>
													Delete
												</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="clearfix"> </div>
								<div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="false" style="height: 0px;">
									<div class="mail-body">
										<p>公司名称：A公司</p>
										<p>评分：★★★★★</p>
										<p>地址：上海市长宁区金钟路968号</p>
										<p>联系人：秦超</p>
										<p>联系电话：15021708753</p>
									</div>
								</div>
							</div>
							<div class="inbox-row widget-shadow" id="accordion2" role="tablist" aria-multiselectable="true">
								<div class="mail"><img src="images/i2.png" alt="" /></div>
								<div class="mail mail-name"><h6>秦超</h6></div>
								<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="false" aria-controls="collapseTwo" class="collapsed">
									<div class="mail"><p>B公司 15021708753 </p></div>
								</a>
								<div class="mail-right dots_drop">
									<div class="dropdown">
										<a href="#" data-toggle="dropdown" aria-expanded="false">
											<p><i class="fa fa-ellipsis-v mail-icon"></i></p>
										</a>
										<ul class="dropdown-menu float-right">
											<li>
												<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="false" aria-controls="collapseTwo" class="collapsed">
													<i class="fa fa-reply mail-icon"></i>
													Reply
												</a>
											</li>
											<li>
												<a href="#" title="">
													<i class="fa fa-download mail-icon"></i>
													Archive
												</a>
											</li>
											<li>
												<a href="#" class="font-red" title="">
													<i class="fa fa-trash-o mail-icon"></i>
													Delete
												</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="clearfix"> </div>
								<div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="false" style="height: 0px;">
									<div class="mail-body">
										<p>公司名称：A公司</p>
										<p>评分：★★★★★</p>
										<p>地址：上海市长宁区金钟路968号</p>
										<p>联系人：秦超</p>
										<p>联系电话：15021708753</p>
									</div>
								</div>
							</div>
							<div class="inbox-row widget-shadow" id="accordion3" role="tablist" aria-multiselectable="true">
								<div class="mail"><img src="images/i2.png" alt="" /></div>
								<div class="mail mail-name"><h6>秦超</h6></div>
								<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="false" aria-controls="collapseTwo" class="collapsed">
									<div class="mail"><p>C公司 15021708753  </p></div>
								</a>
								<div class="mail-right dots_drop">
									<div class="dropdown">
										<a href="#" data-toggle="dropdown" aria-expanded="false">
											<p><i class="fa fa-ellipsis-v mail-icon"></i></p>
										</a>
										<ul class="dropdown-menu float-right">
											<li>
												<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" class="collapsed">
													<i class="fa fa-reply mail-icon"></i>
													Reply
												</a>
											</li>
											<li>
												<a href="#" title="">
													<i class="fa fa-download mail-icon"></i>
													Archive
												</a>
											</li>
											<li>
												<a href="#" class="font-red" title="">
													<i class="fa fa-trash-o mail-icon"></i>
													Delete
												</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="clearfix"> </div>
								<div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="false" style="height: 0px;">
									<div class="mail-body">
										<p>公司名称：A公司</p>
										<p>评分：★★★★★</p>
										<p>地址：上海市长宁区金钟路968号</p>
										<p>联系人：秦超</p>
										<p>联系电话：15021708753</p>
									</div>
								</div>
							</div>
							<div class="inbox-row widget-shadow" id="accordion4" role="tablist" aria-multiselectable="true">
								<div class="mail"><img src="images/i2.png" alt="" /></div>
								<div class="mail mail-name"><h6>秦超</h6></div>
								<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="false" aria-controls="collapseTwo" class="collapsed">
									<div class="mail"><p>C公司 15021708753  </p></div>
								</a>
								<div class="mail-right dots_drop">
									<div class="dropdown">
										<a href="#" data-toggle="dropdown" aria-expanded="false">
											<p><i class="fa fa-ellipsis-v mail-icon"></i></p>
										</a>
										<ul class="dropdown-menu float-right">
											<li>
												<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="false" aria-controls="collapseTwo" class="collapsed">
													<i class="fa fa-reply mail-icon"></i>
													Reply
												</a>
											</li>
											<li>
												<a href="#" title="">
													<i class="fa fa-download mail-icon"></i>
													Archive
												</a>
											</li>
											<li>
												<a href="#" class="font-red" title="">
													<i class="fa fa-trash-o mail-icon"></i>
													Delete
												</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="clearfix"> </div>
								<div id="collapse4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="false" style="height: 0px;">
									<div class="mail-body">
										<p>公司名称：A公司</p>
										<p>评分：★★★★★</p>
										<p>地址：上海市长宁区金钟路968号</p>
										<p>联系人：秦超</p>
										<p>联系电话：15021708753</p>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>

			</div>
		</div>
	</div>
	
	<!-- side nav js -->
	<script src='js/SidebarNav.min.js' type='text/javascript'></script>
	<script>
      $('.sidebar-menu').SidebarNav()
    </script>
	<!-- //side nav js -->
	
	<!-- Classie --><!-- for toggle left push menu script -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!-- //Classie --><!-- //for toggle left push menu script -->
	
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	
	<!-- Bootstrap Core JavaScript -->
   <script src="js/bootstrap.js"> </script>
   
</body>
</html>